// components/tabs/tabs.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    list: {
      type: Array,
      value: []
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    list: [
      { id: 0, name: '首页', isActive: true },
      { id: 1, name: '通讯录', isActive: false },
      { id: 2, name: '发现', isActive: false },
      { id: 3, name: '我的', isActive: false },



    ]
  },

  /**
   * 组件的方法列表
   */
  methods: {
    selectItem(e) {
      // console.log(e);
      const { index } = e.currentTarget.dataset
      // console.log(index);

      const { list } = this.data
      list.forEach((v, i) => index === i ? v.isActive = true : v.isActive = false)
      this.setData({
        list
      })
    },
  }
})
